<template>
    <van-stepper :default-value="defaultValue" @change="shoppingNumChangeFn"></van-stepper>
</template>

<script setup>
import requestFn from '@/utils/https'
import { ref, defineProps } from 'vue'
import { getFn, postFn } from '@/utils/index'
let eimtFn = defineEmits(['getTotalMoney_goodsNum'])

// 接收父组件传递的goods_key和goods_num
const props = defineProps({
    goods_key: {
        type: Number,
        default: 0
    },
    goods_num: {
        type: Number,
        default: 0
    }
})

// 页面打开时的，加减号中间框的默认值
let defaultValue = ref(0)
defaultValue.value = props.goods_num

// 点击加减号按钮时调用
const shoppingNumChangeFn = (e) => {
    // 当前加减号的数字
    // console.log(e)

    // mysql_editShoppingCart
    // requestFn({
    //     url: '/mysql_editShoppingCart',
    //     method: 'get',
    //     data: { n: e, m: props.goods_key}
    // }).then(() => {
    //     // 请求接口，mysql_getGoodsMoney，获得点击加减号之后的，商品总数、总价
    //     requestFn({
    //         url: '/mysql_getGoodsMoney',
    //         method: 'get'
    //     }).then(_d => {
    //         // console.log(_d.data)
    //         eimtFn('getTotalMoney_goodsNum', _d.data)
    //     });
    // })

    // 改为Promise形式
    getFn('mysql_editShoppingCart', { n: e, m: props.goods_key })
        .then(() => {
            // 请求接口，mysql_getGoodsMoney，获得点击加减号之后的，商品总数、总价
            return getFn('mysql_getGoodsMoney')
        })
        .then(res => {
            eimtFn('getTotalMoney_goodsNum', res.data)
        });
}
</script>